<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/takeOut.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">

</head>

<body>
    <div>
        <!-- 头部 -->
        <div class="header">
            <div class="head">
                <img src="https://img0.baidu.com/it/u=1133580098,402134685&fm=253&fmt=auto&app=138&f=JPEG?w=282&h=500"
                    alt="">
                <span>车车风</span>
            </div>
            <div class="logo">
                <img src="https://s0.meituan.net/bs/fe-web-meituan/10afbf1/img/logo.png" alt="">
            </div>
            <form action="">
                <input type="text" placeholder="搜素商家或地点"><button>搜素</button>
            </form>
            <span class="cart">查看购物车</span>
            <div class="deng">
                <p class="login1">登录</p>
                <p class="sign1">注册</p>
                <p class="logout">退出</p>
            </div>
        </div>
        <!-- 登录界面 -->
        <div class="login-sign login">
            <form class="form1">
                用户名：<input type="text" class="login-username" placeholder="请输入用户名">
                <p class="usn"></p>
                密&emsp;码：<input type="password" class="login-password" placeholder="请输入密码">
                <p class="psw"></p>
                <input type="submit" id="login-confirm" value="登录">
            </form>
        </div>
        <!-- 注册界面 -->
        <div class="login-sign sign">
            <form action="">
                用户名：<input type="text" class="sign-username" placeholder="请输入用户名">
                <p class="usn"></p>
                密&emsp;码：<input type="password" class="sign-password" placeholder="请输入密码">
                <p class="psw"></p>
                昵&emsp;称：<input type="text" class="name" placeholder="请输入昵称">
                <p class="sign"></p>
                时&emsp;间：<input type="text" class="time" placeholder="请输入时间">
                <p></p>
                头&emsp;像: <input type="text" class="sign-heading" placeholder="请传入图片">
                <p class="head"></p>
                <input type="button" id="confirm" value="注册">
            </form>
        </div>

        <!-- 导航 -->
        <div class="nav-t">
            <ol>
                <li class="out">美团外卖</li>
                <li  class="active">猫眼电影</li>
                <li>美团酒店</li>
                <li>名宿/公寓</li>
                <li>商家入驻</li>
                <li>美图公益</li>
            </ol>
        </div>

        <!-- 商品列表 -->
        <div class="container">
           <!--  <div class="item">
                <img src="http://img.alicdn.com/bao/uploaded/i1/2003255563/O1CN01mRzn2r1qxttapgfqG_!!0-item_pic.jpg"
                    alt="">
                <p>江西辣典100了好吃好吃</p>
                <p class="price">￥<span>6</span></p>
            </div> -->
        </div>
    </div>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/takeOut.js"></script>
</body>

</html>